<template>
  <div class="panel-container">
    <h3 class="panel-title">{{title}}</h3>
    <p class="panel-digest"><span>摘要：</span>{{digest}}</p>
    <p class="brief">{{brief}}</p>
  </div>
</template>

<script>
export default {
  props: ['title', 'digest', 'brief']
}
</script>

<style lang="stylus">
  .panel-container {
    border 1px solid #ddd
    box-shadow 1px 2px 3px #ddd
    padding 20px
    margin-bottom 50px

    .panel-title {
      font-size 28px
      font-weight bold
      padding-bottom 20px
    }

    .panel-digest {
      font-size 14px
      color #555
      margin-bottom 10px
      span {
        font-weight bold
      }
    }

    .brief {
      font-size 15px
      color #555
    }
  }
</style>
